﻿.ant-modal {
    width: 520px;

    &-sm {
        @media (min-width: 576px) {
            width: 300px;
        }
    }

    &-lg {
        @media (min-width: 992px) {
            width: 800px;
        }
    }

    &-xl {
        @media (min-width: 1200px) {
            width: 1140px;
        }
    }
}

.ant-modal-root[style*="display: block;"] > .ant-modal-wrap.fade,
.ant-modal-root.fade .ant-modal-mask {
    animation-duration: var(--modal-animation-duration, 300ms);
    animation-fill-mode: both;
    animation-name: fadeIn;
}

.ant-modal {
    .ant-modal-content.ant-modal-content-scrollable {
        max-height: calc(100% - 3.5rem);

        .ant-modal-body {
            max-height: calc(100vh - 13.5rem);
            overflow-y: auto;
        }
    }

    &.ant-modal-fullscreen {
        height: 100vh;
        width: 100vw;
        margin: 0;
        top: 0;
    }

    .ant-modal-content.ant-modal-content-fullscreen {
        height: 100vh;
        width: 100vw;
        margin: 0;
        top: 0;

        .ant-modal-body {
            height: calc(100vh - 110px);
        }
    }
}
